<template>
  <div
    v-if="visible"
    :class="cn(
      'relative z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80',
      $attrs.class
    )"
    v-bind="$attrs"
  >
    <slot />
  </div>
</template>

<script setup lang="ts">
import { cn } from '@/lib/utils.ts'

interface SelectContentProps {
  visible?: boolean
}

withDefaults(defineProps<SelectContentProps>(), {
  visible: true
})
</script>